<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>联系人</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/bootstrap-responsive.css" rel="stylesheet">
	<style type="text/css">
		body{
			padding-top:70px;
		}
		.clear{
			clear:both;
		}

		.wall{
			padding: 15px;
			border:1px solid #DDDDDD;
			border-top:0px;
		}
		.container{
			width:940px;
		}
		
		.doc_modal{
			
		}
		
		input{
			height: 30px;
		}
	</style>
  </head>
  
  <body>
  
  
  		<!--确认删除 modal -->
        <div class="modal fade doc_modal" id="myModal">
		  <div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>系统提示</h3>
			</div>
			<div class="modal-body">
				<p>确认删除？</p>
			</div>
		    <div class="modal-footer">
				<a href="#" class="btn btn-primary">确认</a>
				<a href="#" class="btn" data-dismiss="modal">取消</a>
			</div>
	    </div>
  
    <div class="container">
		<!--top-->
		 <%@ include file="top.jsp" %>
	    <!--content-->

	    <div class="container-fluid">
		    <div class="row-fluid">
			    <div class="span2">
			    	<!--Sidebar content-->
			    	<%@ include file="left.jsp" %>
			    </div>
				 <div class="span9">
			
					<ul style="margin-bottom:0px;border-radius: 3px 3px 0 0" class="breadcrumb">
						<li class="active">
							<a href="task.html"><i class="icon-user"></i>联系人</a>
						</li>
					</ul>
					<div class="wall">
						<div class="row">
							<div class="span3" style="width:30%">
								<a class="btn" href="add_contact.jsp" class="span2"><i class="icon-plus"></i>添加联系人</a>
								<div class="clear"></div>
								<ul style="margin-top:15px" class="unstyled">
									<li style="line-height:30px">
										<i class="icon-list-alt"></i><a href="">艾莉婕</a>
									</li>
									<li style="line-height:30px">
										<i class="icon-list-alt"></i><a href="">乔布斯</a>
									</li>
									<li style="line-height:30px">
										<i class="icon-list-alt"></i><a href="">阿诺施瓦辛格</a>
									</li>
								</ul>
							</div>
							<div style="min-height:400px;border-left:1px solid #ccc;padding-left:15px" class="span4" style="width:50%">
								<address>
									<h3>艾莉婕</h3>
									<p>焦作凯盛信息技术有限公司</p>
									<small>手机</small> 13999999999<br>
									<small>固话</small> 0391-3581922<br><br>
									<small>邮箱</small> fankai@kaishengit.com<br>
									<small>地址</small> 塔南路摩登商业街9号楼<br><br>
									<small>主页</small> <a href="http://www.kaishengit.com">http://www.kaishengit.com</a><br>
									<small>微博</small> <a href="https://twitter.com/fankay">@fankay</a><br>
								</address>
								<div class="line">记录</div>
								<blockquote>
								  4月1日开演唱会
								  <small>樊凯发布于 3天前</small>
								</blockquote>
								<blockquote>
								  中午一起吃的午饭
								  <small>樊凯发布于 4天前</small>
								</blockquote>
								<blockquote>
								  初次见面，不错不错...
								  <small>樊凯发布于 1个月前</small>
								</blockquote>
								<a href="contact_note.jsp">查看所有记录</a>
								<br><br><br>
								<a href="edit_contact.jsp" class="btn btn-primary"><i class="icon-pencil icon-white"></i>编辑</a>
								<a class="btn btn-danger sure_del"><i class="icon-trash icon-white"></i>删除</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	        	
    
    
    <script src="script/jquery-1.7.1.min.js"></script>
    <script src="script/bootstrap-dropdown.js"></script>
    <script src="script/bootstrap-modal.js"></script>
    <script type="text/javascript">
    
    	/*确认删除modal*/
    	$(document).ready(function(){
    		$(".sure_del").click(function(){
    			$('#myModal').modal('show');
    		});
    		
    	});
    </script>
    
  </body>
</html>
